﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Testeer.aspx.cs" Inherits="Website.BoardWebControl.Testeer" %>

<%@ Register Src="../BoardUI.ascx" TagName="BoardUI" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>

<body>
    <form id="form1" runat="server">
        <uc1:BoardUI ID="BoardUI1" runat="server" />
    
    <div id="popdiv" style="border-style:solid; background-color:White; width:197px; height:100; z-index:120;" align="center">
        <table style="width: 100%; height: 150px;">
            <tr>
                <td><label id="plblName">Name</label></td>
                <td>
                    <img alt="." id="popimg" src="Graphics/BLACK.gif" onclick="return popimg_onclick()" />
                </td>
            </tr>
            <tr>
                <td><label id="plblHealthTag">health</label></td>
                <td><label id="plblHealthVal">x</label></td>
            </tr>
            <tr>
                <td><label id="plblSpeedTag">Speed</label></td>
                <td><label id="plblSpeedVal">x</label></td>
            </tr>
            <tr>
                <td><label id="plblAccTag">Accuracy</label></td>
                <td><label id="plblAccVal">x</label></td>
            </tr>
     
     
        </table>
        
     </div>
       
    </form>
    
    <script type="text/javascript" src="JS/jquery.js"></script>
    <script type="text/javascript">
    
        $(document).ready( function(){
            $('#popdiv').hide();
            $('[hasPlayer=1]').mouseenter( function() { 
                var pl = $('[hasPlayer=1]');
                plblName.innerHTML = pl.attr("playerName");
                plblSpeedVal.innerHTML = pl.attr("playerHlt");
                plblHealthVal.innerHTML = pl.attr("playerSpd");
                plblAccVal.innerHTML = pl.attr("playerAcc");
                //popimg.src = pl.attr("src");
                $('#popdiv').slideDown();
                
                popimg.src = $(this).attr("src");
           });
            $('[hasPlayer=1]').mouseleave( function() { 
                $('#popdiv').slideUp('fast');
                
            });
        });
    
    </script>
   
</body>
</html>
